import React from 'react';
import {NavLink, Outlet} from 'react-router-dom'

const Home = () => {
  return (
    <div>
      <h2>我是Home的内容</h2>
      <ul className="nav nav-tabs">
        <li>
          <NavLink className="list-group-item" to="news">News</NavLink>
        </li>
        <li>
          <NavLink className="list-group-item" to="message">Message</NavLink>
        </li>
      </ul>
      {/* 指定路由组件呈现的位置 */}
      <Outlet/>
    </div>
  );
};

export default Home;